%{--Estamos en ${params.latitud}, ${params.longitud}--}%
<%
    def banderaAzul = "<span style='float:right'><img src='${g.resource(dir: 'images', file: 'bandera-azul.png?b')}'/></span>"
    def accesible = "<span style='float:right'><img src='${g.resource(dir: 'images', file: 'accesible.jpg?a')}'/></span>"
    def cruzroja = "<span style='float:right'><img src='${g.resource(dir: 'images', file: 'cruz-roja.jpg?a')}'/></span>"

%>

<div>
    <div class="toolbar">
        <h1>Playas cercanas</h1>
        <a href="#" class="back">Buscar</a>
    </div>
    <ul>
        <g:each in="${resp.getResults()}" var="r">
        %{--<li class="sep">F</li>--}%
            <li>
                <beach:showService doc="${r}" value="banderaAzul" name="${banderaAzul}" noBr="true"/>
                <beach:showService doc="${r}" value="puestoCruzRoja" name="${cruzroja}" noBr="true"/>
                <beach:showService doc="${r}" value="accesosMinusvalidos" name="${accesible}" noBr="true"/>
                <g:link action="playa" id="${r.id}" params="${[positionLat:params.latitud, positionLong:params.longitud]}">${r.get("nombre")}</g:link>
                <span style="font-weight:normal"><beach:showLocation doc="${r}"/>
                <g:if test="${params.latitud?.isDouble() && params.longitud?.isDouble()}">
                    <%
                        def lat2 = r.get("coords").split(",")[0]
                        def long2 = r.get("coords").split(",")[1]
                    %>
                    <geo:distancia lat1="${params.latitud}"
                        long1="${params.longitud}"
                        lat2="${lat2}"
                        long2="${long2}"/>
                </g:if>
                </span>
            </li>
        </g:each>
    </ul>
</div>

